<!doctype html>  

<!--[if lt IE 7]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9 lt-ie8"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html <?php language_attributes(); ?> class="no-js lt-ie9"><![endif]-->
<!--[if gt IE 8]><!--> <html <?php language_attributes(); ?> class="no-js"><!--<![endif]-->
	
	<head>
		<meta charset="utf-8">
		
		<title>HAGA - Ihr Haus und Garten Service</title>
		
		<!-- Google Chrome Frame for IE -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		
		<!-- mobile meta (hooray!) -->
		<meta name="HandheldFriendly" content="True">
		<meta name="MobileOptimized" content="320">
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		
		<!-- icons & favicons (for more: http://themble.com/support/adding-icons-favicons/) -->
		<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/favicon.ico">
				
  		<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>">
		
		<!-- wordpress head functions -->
		<?php wp_head(); ?>
		
		<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/jQuery.js"></script>
		<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/jquery.scrollTo-1.4.3.1.js"></script>
		<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/libs/modernizr.custom.min.js"></script>
		<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/pageLoader.js"></script>
		<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/jquery.easing.1.3.js"></script>
		<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/jquery.localScroll.js"></script>
		<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/jquery.mousewheel.js"></script>
		<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/jScrollPane-1.2.2.js"></script>
		<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/jquery.accordion.js"></script>
		<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/chili-1.7.pack.js"></script>
		<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/jquery.dimensions.js"></script>
		<!--<script type="text/javascript"src="<?php bloginfo("template_url"); ?>/library/js/navigation.js"></script>-->


		<!-- end of wordpress head -->
			
		<!-- drop Google Analytics Here -->
			<script type="text/javascript">
            /*var _gaq = _gaq || [];
			 _gaq.push(['_setAccount', 'UA-35284209-1']);
			 _gaq.push(['_trackPageview']);
			
			 (function() {
			    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
			    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
                var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			 })();*/

			</script>
		<!-- end analytics -->
            <script type="text/javascript">
                $(document).ready(function(){
                    $('input[type=submit]').click(function(e){
                        e.preventDefault();
                        $('#form').fadeOut('slow',function(){
                            $('#antwort').fadeIn('slow');
                        })
                    })

                    $('#listA').accordion({
                        autoheight: false
                    });
                    $('#listB').accordion({
                        autoheight: false
                    });

                    if($.browser.safari){
                        $('.text').css('overflowY','scroll');
                    }

                    var theHeight = $(window).height() - ($('footer').height());
                    var theWidth = $('#content').width();
                    $('#content, #Innen, #Garten, #images, .imageTeam, .sub').css('height', theHeight);
                    $('.full').css({width: theWidth, height: theHeight});
                    var elements = $('#hilfe').text();
                    $('#hilfe').remove();
                    $('#main').css('width', theWidth);
                    $('.fullL').css({maxWidth: $('#Innen').width(),minWidth: $('#Innen').width(), height: theHeight});
                    $('.refImage').css({width: ($('#images').width() * 0.25), height: ($('#images').height() * 0.15)});
                    $('.imageTeam').css('width', $('.contTeam').width());

                    function imageSizeWidth(){
                        theHeight = $(window).height() - $('footer').height();
                        $('#content, #Innen, #Garten').css('height', theHeight);
                        $('.full').css('width', $('#content').width());
                    }
                    $.localScroll();
                    $(window).resize(function(){
                        theWidth = $('#content').width();
                        theHeight = $(window).height() - $('footer').height();
                        $('#content, #Innen, #Garten, #images, .imageTeam').css('height', theHeight);
                        $('.full').css({width: theWidth, height: theHeight});
                        $('#main').css('width', theWidth);
                        $('.fullL').css({maxWidth: $('#Innen').width(),minWidth: $('#Innen').width(), height: theHeight});
                        $('.refImage').css({width: ($('#images').width() * 0.25), height: ($('#images').height() * 0.15)});
                        $('.imageTeam').css('width', $('.contTeam').width());
                    });


                });
            </script>
	</head>
	
	<body <?php body_class(); ?>>
	
		<div id="container">
			
			<header class="header" role="banner">
			
				<div id="inner-header" class="wrap clearfix">
					
					<!-- to use a image just replace the bloginfo('name') with your img src and remove the surrounding <p> 
					<a href="<?php echo home_url(); ?>" rel="nofollow"> <img src="http://localhost/haga/wp-content/uploads/2012/10/logo_wit.png"> </a> -->
				
					
					<!-- if you'd like to use the site description you can un-comment it below -->
					<?php // bloginfo('description'); ?>
					
					
					<!-- <nav role="navigation">
						<?php bones_main_nav(); // Adjust using Menus in Wordpress Admin ?>
					</nav> -->
				
				</div> <!-- end #inner-header -->
			
			</header> <!-- end header -->
